<template>
  <div>
    <!-- 头部 -->
    <KoiHeader></KoiHeader>
    <!-- 主页面 -->
    <el-main class="overflow-hidden m-y-0 m-auto p-t-72px min-w-420px max-w-1200px">
      <KoiMain></KoiMain>
    </el-main>
    <!-- 漂浮 Float -->
    <KoiFloat class="<xl:opacity-0"></KoiFloat>
    <!-- Footer Begin -->
    <KoiFooter></KoiFooter>
    <!-- Footer End -->
    <!-- 回到顶部 Top -->
    <el-backtop class="<md:opacity-0 w-40px h-40px bg-[--el-color-primary-light-2] hover:bg-[--el-color-primary] text-white rounded-8px border-2px border-solid border-[--el-color-primary]" :right="12" :bottom="36" />
  </div>
</template>

<script setup lang="ts">
import KoiHeader from "@/layouts/components/Header/index.vue";
import KoiMain from "@/layouts/components/Main/index.vue";
import KoiFloat from "@/layouts/components/Float/index.vue";
import KoiFooter from "@/layouts/components/Footer/index.vue";
</script>

<style lang="scss" scoped>
</style>
